import React from 'react'
import './Pathner.css'
import { Row, Col, Typography, Divider } from 'antd'
// 图床合作公司图片
const companies = [
    { src: 'https://ftp.bmp.ovh/imgs/2021/04/fc4e37ec4b5bb513.png', title: "凯撒旅游" },
    { src: 'https://ftp.bmp.ovh/imgs/2021/04/e6c64d326f18830e.png', title: "云南旅游" },
    { src: 'https://ftp.bmp.ovh/imgs/2021/04/d2ebd8a7173dee72.png', title: "丽江旅游" },
    { src: 'https://ftp.bmp.ovh/imgs/2021/04/4efd3096e4ad9667.png', title: "爱彼旅游" }
]

// 用函数组件写 业务逻辑
export const Pathner = (props) => {
    // 函数式组件是直接return 
    return (
        <div className='content'>
            <Divider orientation="left">
                <Typography level={3}>
                    合作企业
                </Typography>

            </Divider>
            {/* 这里写 合作企业大logo循环渲染 */}
            <Row>
                {
                    companies.map((c,index)=>(
                        <Col span={6} key={index}>
                            <img 
                                alt='合作企业'
                                src={c.src}
                                style={{
                                    width:'80%',
                                    display:'block',
                                    marginLeft:'auto',
                                    marginRight:'auto'
                                }}
                            />
                        </Col>
                    ))
                }
            </Row>
        </div>
    )
}


 

 



